<!DOCTYPE html>
<html>
<head>
  <title>Gallery</title>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="css/gallery.css" media="screen" />
</head>
<body>
  <h1>My Gallery</h1>
  <ul id="imagegallery">
    <li>
      <a href="../image/rabbit.jpg" title="rabbit"><img src="../image/thumbnail_rabbit.img" alt="rabbit" />
      </a>
    </li>
    <li>
      <a href="../image/bear.jpg" title="bear"><img src="../image/thumbnail_bear.jpg" alt="bear" />
      </a>
    </li>
    <li>
      <a href="../image/bird.jpg" title="bird"><img src="../image/thumbnail_bird.jpg" alt="bird" />
      </a>
    </li>
    <li>
      <a href="../image/lion.jpg" title="lion"><img src="../image/thumbnail_lion.jpg" alt="lion" />
      </a>
    </li>
  </ul>
  <img id="placeholder" src="../image/cat.jpg" alt="a cat for placholder" />
  <p id="description"i am a cat!</p>
  <script src="js/showPic.js"></script>
  </body>
  </html>
